<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 使用XMLHttpRequest发送请求，是一种存在很久的方案。
        // 现代浏览器支持使用fetch的异步请求方式，fetch基于promise异步操作体验更好。


        //使用步骤
                    // 1.使用 new XMLHttpRequest创建xhr对象
                    // 2.xhr.open 初始化请求参数
                    // 3.xhr.send 发送网络请求
                    // 4.xhr.onload 监听请求结果
                    // 5.xhr.onerror 请求中断等错误发生时的处理

             //响应类型
                    //通过设置 xhr.responseType 对响应结果进行声明，来对结果自动进行处理。
                    //类型如下:
                            // text	响应结果为文本
                            // json	响应内容为JSON，系统会自动将结果转为JSON对象
                            // blob	二进制数据响应
                            // document	XML DOCUMENT 内容

             //响应结果  xhr.onload 用于处理响应完毕后的处理
              //使用以下属性来处理结果:
                    // xhr.status 为HTTP状态码 如 404/422/403等，当为200时为正确响应
                    // xhr.statusText HTTP状态码内容，200时为ok,404 为Not Found
                    // xhr.response 服务器端响应的内容

    const xhr = new XMLHttpRequest()
xhr.timeout = 5000
xhr.open('GET', 'getjava.java')
xhr.send()
xhr.onload = function () {
    if (xhr.status == 200) {
        console.log(xhr.response)
    } else {
        console.log(`${xhr.status}:${xhr.statusText}`)
    }
}
xhr.onerror = function (error) {
    console.log(error)
}                       
    </script>
</body>
</html>